<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="robots" content="index,follow"/>
    <title>Let's get out</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
    <link href="public/css/modern.css" rel="stylesheet" type="text/css" />
    <script src="javascript/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="javascript/tile-slider.js"></script>
</head>
<body>

<div id="top">
	<div class="center">
   <!-- <div class="reg">Nie masz konta? <b>Zarejestruj się</b></div>-->
    
       <div class="log">
    	<!--<div class="ram lew">login <input style="width:150px;" type="text" name="login" class="no_ram" onFocus="if(this.value=='Wpisz szukane słowo')this.value='';"></div>
        
        <div class="ram lew">hasło 
        <input style="width:150px;" type="password" name="haslo" class="no_ram" onFocus="if(this.value=='Wpisz szukane słowo')this.value='';"></div>-->

	
    <a href="rejestracja.html"> <input name="" class="black" value="Zarejestruj się" type="submit" style="float: right; border: 0px; min-height: 27px; height: 27px; margin-bottom: 0px; margin-right: 0px;"></a>
    <a href="#" onClick="PokazAkapit();" >  <input name="" class="black" value="Zaloguj się" type="submit" style="float: right; border: 0px; min-height: 27px; height: 27px; margin-bottom: 0px "></a>
</div>
    </div>
</div>

<div class="tlo">
<div class="center"><div class="top2">
	<div id="logo">
    	<a href="index.html"><img src="img/logo.png" /></a>
    </div>
    <div id="menu_top">
    
    <div class="span10">
                    <div class="horizontal-menu">
                        <ul>
                          <li><a href="#">Najbliższe imprezy</a></li>
                          <li><a href="#">Nasze miejsca</a></li>
                          <li><a href="#">Punktomania</a></li>
                          <li><a href="galeria.html">Galeria</a></li>
                        </ul>
                    </div>
    </div>
    
    </div>
</div></div>

<div class="center">
	<!--<div id="big" ><img src="img/autko.jpg" /></div>
    <div class="tile image-slider" data-role="image-slider"><div id="btop" class="tile-content" ><img src="img/aa.jpg" /></div></div>
    <div class="tile image-slider" data-role="image-slider"><div id="bmid" class="tile-content" ><img src="img/bb.jpg" /></div></div>
    <div class="tile image-slider" data-role="image-slider"><div id="bbot" class="tile-content" ><img src="img/cc.jpg" /></div></div>-->
    
<h2>Rejestracja</h2>
<div class="nawigacja">Strona główna >> Rejestracja</div>

<form>
<div class="row">
                        <div class="span6" style="margin: 5px auto;">
                            <div class="input-control text">
                                <input type="phone" placeholder="Imię" required="required">
                                
                            </div>
                            <div class="input-control text">
                                <input type="email" placeholder="Nazwisko" required="required">
                                
                            </div>
                            <div class="input-control text">
                                <input type="url" placeholder="E-mail" required="required">
                               
                            </div>
                       
                        	 <div class="input-control password" >
                                <input type="password" placeholder="Hasło" required="required"/>
                                
    						</div>
                    
    <input type="submit" value="Zarejestruj się" style="float:right;"/>
    </div> </div>
  </form>  
    <p style=" padding: 15px 0px;">* Zarejestruj się jako klub </p>
</div>
</div>

<div id="middle" class="center">
	<div class="mid">
    <div class="tile image-slider" data-role="image-slider"><div id="btop" class="tile-content" ><img src="img/aa.jpg" /></div></div> </div>
    <div class="mid">
    <div class="tile image-slider" data-role="image-slider"><div id="bmid" class="tile-content" ><img src="img/bb.jpg" /></div></div> </div>
    <div class="mid">
    <div class="tile image-slider" data-role="image-slider"><div id="bbot" class="tile-content" ><img src="img/cc.jpg" /></div></div> </div>
</div>

<div id="bottom"><div class="center">
	<div class="bot">
     <h4>Let's get out ONLINE</h4>
        <ul class="dol">
            <li><a href="#">Facebook</a></li>
            <li><a href="#">Google +</a></li>
            <li><a href="#">Twitter</a></li>   
        </ul>
    </div>
    <div class="bot">
    <h4>Nasze miejsca</h4>
    	 <ul class="dol">
           <li><a href="#">Rdza</a></li>
           <li><a href="#">Lustra</a></li>
           <li><a href="#">Baccarat</a></li>
           <li><a href="#">Frantic</a></li>
           <li><a href="#">Diva</a></li>
           <li><a href="#">więcej...</a></li>
    </div>
    <div class="bot">
    <h4>Mapa strony</h4>
    	 <ul class="dol">
           <li><a href="#">Strona główna</a></li>
           <li><a href="#">Nasze miejsca</a></li>
           <li><a href="#">Galeria</a></li>
           <li><a href="#">Punktomania</a></li>
           <li><a href="#">Najbliższe imprezy</a></li>
        </ul>
    </div></div>
</div>
</body>
</html>